.red {
  background-color: red;
  width: 10vw;
  height: 10vh;
  clear: both;
}
.blue {
  background-color: blue;
  width: 15vw;
  height: 15vh;
  float: left;
}
.yellowgreen {
  background-color: yellowgreen;
  width: 20vw;
  height: 20vh;
  clear: both;
}
.con {
  border: 2px solid orange;
}
.con::after,
.con::before {
  content: "";
  display: block;
  clear: both;
}
.con .red1 {
  background-color: red;
  width: 10vw;
  height: 10vh;
  float: left;
}
.con .blue1 {
  background-color: blue;
  width: 15vw;
  height: 15vh;
  float: right;
}
.box {
  background-color: lavenderblush;
  width: 20vw;
  height: 20vh;
}
